<template>
    <div class="common-layout h-full w-full">
        <el-container>
            <el-header class="fixed w-full h-full z-50">
                <ManageHead />
            </el-header>

            <el-container class="h-full pt-16">
                <el-aside :width="isCollapse.isCollapse ? '65px' : '200px'" height="600px" class=" fixed">
                    <ManageAside />

                </el-aside>

                <el-main class="pt-16 " :class="isCollapse.isCollapse ? 'ml-[65px]' : 'ml-[200px]'">
                    <RouterView />
                </el-main>
                
            </el-container>
        </el-container>
    </div>
</template>

<script setup lang="ts">
import ManageHead from '../../../components/manage/adminmanage/ManageHead.vue';
import ManageAside from '../../../components/manage/adminmanage/ManageAside.vue';

import { managePanel } from '../../../ts/pinia';
let isCollapse = managePanel();

</script>



<style scoped>
/* 在你的样式文件中添加 */
.el-header {
    padding: 0 !important;
    /* 强制去除内边距 */
}
</style>